<include file="public@honor_head">
<div class="container-fluid">
  <div id="gallery" class="honor-list cis-animate-body pt-4">
    <div class="row">
      <php>$category_ids=6;</php>
      <portal:articles limit="" order="post.published_time DESC" categoryIds="$category_ids">
      <div class="col-sm-6 col-md-3 invisible" data-plugin="appear" data-animate="slide-bottom" data-repeat="false">
      <div class="card">
        <figure class="figure">
        <if condition="empty($vo.post_content)">
          <img src="__TMPL__/public/assets/images/default_tupian4.png" class="img-fluid" alt="{$vo.post_title}"/>
        <else/>
          {$vo.post_content}
        </if>
        <figcaption class="cis-mask">
          <div class="slide-boom-mask-back honor-mask">
            <p class="text-ellipsis f16">
            {$vo.post_title}
          </div>
        </figcaption>
        </figure>
      </div>
      </div>
      </portal:articles>
    </div>
    <div class="text-center"><a href="javascript:;">加载更多</a></div>
  </div>
</div>
<include file="public@common_footer">
<script>
    $(function () {
        METUI_FUN['honor-list'] = {
            name: 'honor-list',
            appear: function () {
                var indexappear = $('.cis-animate-body:eq(0) [data-plugin=appear]');
                if (indexappear.length) {
                    indexappear.scrollFun(function (val) {
                        val.appearDiy();
                    }, {is_scroll: true});
                }
            }
        };
        var x = new metui(METUI_FUN['honor-list']);

        var viewer = new Viewer(document.getElementById('gallery'), {
            url: 'data-original',
            navbar: false,// 显示缩略图导航
            toolbar: false
        });
        $(".viewer-prev1").click(function () {
            console.log('======')
            $(".viewer-prev").click();
        })
        $(".viewer-next1").click(function () {
            $(".viewer-next").click();
        })
    })
</script>
</body>
</html>

